<template>
  <div id="app">
    <Header></Header>
    <ToDo></ToDo>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from './todo/header.vue'
import Footer from './todo/footer.jsx'
import ToDo from './todo/todo.vue'
  export default {
    components: {
      Header,
      Footer,
      ToDo
    }
  }
</script>
<style lang='stylus' scoped>
#app {
  position absolute
  top 0
  bottom 0
  left 0
  right 0
  background-color #bfbfbf
  opacity .8
}
</style>